/* ==========================
   Div con overflow visible
========================== */
.div1 {
  width: 200px;
  height: 65px;
  background-color: coral;
  overflow: visible; /* El contenido que excede el tamaño se muestra */
}

/* ==========================
   Div con overflow hidden
========================== */
.div2 {
  width: 200px;
  height: 65px;
  background-color: lightgreen;
  overflow: hidden; /* El contenido que excede el tamaño se oculta */
}

/* ==========================
   Div con overflow scroll
========================== */
.div3 {
  width: 200px;
  height: 65px;
  background-color: lightblue;
  overflow: scroll; /* Siempre muestra las barras de scroll */
}

/* ==========================
   Div con overflow auto
========================== */
.div4 {
  width: 200px;
  height: 65px;
  background-color: lightyellow;
  overflow: auto; /* Muestra las barras de scroll solo si es necesario */
}

/* ==========================
   Div con overflow-x e overflow-y
========================== */
.div5 {
  width: 200px;
  height: 65px;
  background-color: lightgray;
  overflow-x: hidden; /* Oculta el scroll horizontal */
  overflow-y: scroll; /* Muestra solo el scroll vertical */
}